<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>开票历史</title>
    <link rel="stylesheet" href="mui/css/mui.css">
    <script src="mui/js/mui.js"></script>
    <link rel="stylesheet" href="css/style.css?v1.1.2">
    <script src="js/jquery-1.11.3.js"></script>
</head>
<body>
<div class="mui-content invoice-history">
    <div class="mui-card">
        <a class="block-a" href="invoice_details.html">
            <div><span class="invoice-history-left">2019-01-15 20:45:00 </span><span class="invoice-history-right">已开具</span></div>
            <div><span class="invoice-history-left">翠江明珠小区2期05单元605翠江明珠小区2期05单元605</span><span class="invoice-history-right">￥460.00</span></div>
        </a>
    </div>
    <div class="mui-card">
        <a class="block-a" href="javascript:void (0)">
        <div><span class="invoice-history-left">2019-01-15 20:45:00 </span><span onclick="submit()" class="invoice-history-right invoice-fail">开票失败</span></div>
        <div><span class="invoice-history-left">翠江明珠小区2期05单元605翠江明珠小区2期05单元605</span><span class="invoice-history-right">￥460.00</span></div>
        </a>
    </div>
</div>
<script src="layer_mobile/layer.js"></script>
<script>
    let index;
    function submit() {
        index = layer.open({
            content: '<div>请拔打客服电话1001778或联系您的经办人跟进处理。 <a style="background:none;border: 1px solid white" id="close" href="javascript:void (0)">×</a></div>'
            ,anim: 'false'
            ,shade: false
            ,style: `width:70%;border-radius:.5rem;color:#fff;background-color:rgba(0,0,0,0.6);`
        });
    }
    $("body").on("click","#close",function () {
        layer.close(index)
    })
</script>
</body>
</html>